<?php
/**
 * Created by PhpStorm.
 * User: luanyoushu
 * Date: 2017/9/20
 * Time: 00:15
 */

?>
    <html>
   <head>
       <title></title>
   </head>
    <body>

<!--    absolute 要注意布局的兼容问题-->
    <div style="display: block; height: 100px; width: 100px;"> asdfa</div>
    传统布局2 absolute(margin-left: 100px; margin-bottom: 50px; 可用,left,right,bottom,top可用,width,height)
    <div style="display:block; position: absolute; margin-left: 100px; margin-top: 50px;
    height: 30px; width: 80%;   background-color: #b3b3b3;">
        <div>#388#传统布局2</div>
    </div>

    <div style="display:block; position: absolute; left: 50px; right: 50px; margin-bottom: 0px; background-color: #b3b3b3;">
        <div>#388#传统布局22 block margin-bottom:0px</div>
    </div>

    absolute bottom safari chome 有兼容性问题

    <div style="display:block; position: absolute; height: 30px; left: 50px; right: 50px; bottom: 0px; background-color: #b3b3b3;">
        <div>#388#传统布局 block bottom:0px</div>
    </div>

    </body>
    </html>


